<template>
  <div :style="{ background: 'rgb(190, 200, 200)', padding: '26px 16px 16px' }">
    <CloudButton type="primary" ghost>
      Primary
    </CloudButton>
    <CloudButton ghost>
      Default
    </CloudButton>
    <CloudButton type="dashed" ghost>
      Dashed
    </CloudButton>
    <CloudButton type="danger" ghost>
      Danger
    </CloudButton>
    <CloudButton type="link" ghost>
      Link
    </CloudButton>
  </div>
</template>

<script>
  export default {
    title: '7.幽灵按钮',
  }
</script>

<style lang="scss">
</style>